<template>
    <div>
        <van-tabs v-model:active="active">
        <van-tab title="正在热映">
            <div class="d1" style="width: 300px;height: 186px;">
                <div class="tu1" style="float: left;">
                    <img src="./img/首页_03.gif" alt=""
                        style="width: 139px;height: 187px;margin-top: 20px;margin-left: 10px;">
                </div>
                <div class="z1">
                    <br>
                    <p style="font-weight: bold;">逆行人生</p>
                    <p>观众评分7.6</p><van-button plain type="primary" style="float: right;">购票</van-button>
                    <p>主演:徐峥 徐峥 辛芷蕾 王晓 贾冰</p>
                    <p>中国大陆|121分钟</p>
                </div>
            </div>

            <div class="d1" style="width: 300px;height: 186px;float: left;">
                <div class="tu1" style="float: left;">
                    <img src="./img/1_03.gif" alt=""
                        style="width: 139px;height: 187px;margin-top: 20px;margin-left: 10px;">
                </div>
                <div class="z1">
                    <br>
                    <p style="font-weight: bold;">抓娃娃</p>
                    <p>观众评分7.2</p><van-button plain type="primary" style="float: right;">购票</van-button>
                    <p>主演:闫飞 彭大魔 沈腾 马丽 史鹏</p>
                    <p>中国大陆|133分钟</p>
                </div>
            </div>

            <div class="d1" style="width: 300px;height: 186px;float: left;margin-top: 20px;">
                <div class="tu1" style="float: left;">
                    <img src="./img/2_03.gif" alt=""
                        style="width: 139px;height: 187px;margin-top: 20px;margin-left: 10px;">
                </div>
                <div class="z1">
                    <br>
                    <p style="font-weight: bold;">白蛇：浮生</p>
                    <p>观众评分7.6</p><van-button plain type="primary" style="float: right;">购票</van-button>
                    <p>主演:陈健喜 李家喜 张洁 杨天翔</p>
                    <p>中国大陆|133分钟</p>
                </div>
            </div>
            <div class="d1" style="width: 300px;height: 186px;float: left;margin-top: 20px;">
                <div class="tu1" style="float: left;">
                    <img src="./img/3_03.gif" alt=""
                        style="width: 139px;height: 187px;margin-top: 20px;margin-left: 10px;">
                </div>
                <div class="z1">
                    <br>
                    <p style="font-weight: bold;">名侦探柯南：百万美元...</p>
                    <van-button plain type="primary" style="float: right;">购票</van-button>
                    <p>主演:永冈智佳 高山南 山崎和佳...</p>
                    <p>日本|111分钟</p>
                </div>
            </div>
            <div class="d1" style="width: 300px;height: 186px;float: left;margin-top: 20px;">
                <div class="tu1" style="float: left;">
                    <img src="./img/4_03.gif" alt=""
                        style="width: 139px;height: 187px;margin-top: 20px;margin-left: 10px;">
                </div>
                <div class="z1">
                    <br>
                    <p style="font-weight: bold;">重生</p>
                    <van-button plain type="primary" style="float: right;">购票</van-button>
                    <p>主演:徐峥 徐峥 辛芷蕾 王晓 贾冰</p>
                </div>
            </div>
        </van-tab>
        <van-tab title="正在上映">内容 4</van-tab>
    </van-tabs>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped></style>